<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入cesiumjs库 -->
    <script src="../lib/cesium/Cesium.js"></script>
    <title>Document</title>
</head>
<style>
    /* 引入cesium widget样式 */
    @import url(../lib/cesium/Widgets/widgets.css);
        html, body, #cesiumContainer {
            width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
        }
</style>
<body>
    <!-- 地图容器 -->
    <div id="cesiumContainer"></div>
    <script src="app.js"></script>
</body>
<script>
    let viewer = new Cesium.Viewer('cesiumContainer', {
        geocoder: false, // 搜地理位置搜索工
        homeButton: false, // 返回首页按钮
        sceneModePicker: false, // 2D 3D切换按钮
        baseLayerPicker: false, // 底图切换按钮
        navigationHelpButton:false, // 帮助按钮
        animation: false, // 左下角动画面板
        timeline: false, // 时间轴
        fullscreenButton: false, // 全屏按钮
    });
    // 隐藏logo
  viewer.cesiumWidget.creditContainer.style.display = "none";
//   第一步： https://cesium.com/ion/ 打开此网站注册一个用户
// 第二步： 点击"Access Token"，跳转到Access Tokens page页面。
// 第三步： 拷贝token
// 第四步：token赋值
  Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiN2ZlMWExNC04NjRlLTQzMTQtYmI2MS03M2NiN2Q0MjAwYTciLCJpZCI6ODYzNjIsImlhdCI6MTY0Nzc1NjgxNX0.UB9DEHTYlzJ-1N1XF8rH7uGEsw8W5nlMZuz-LTVizb8';
//   可参考： https://cesium.com/learn/cesiumjs-learn/cesiumjs-quickstart/
viewer.imageryLayers.addImageryProvider(
        new Cesium.WebMapTileServiceImageryProvider({
          url: 'http://t0.tianditu.gov.cn/img_w/wmts',
          layer: 'img',
          style: 'default',
          format: 'tiles',
          tileMatrixSetID: 'w',
          credit: new Cesium.Credit('天地图'),
          subdomains: ['t0', 't1', 't2', 't3', 't4', 't5', 't6', 't7']
        })
      )
// viewer.imageryLayers.remove(viewer.imageryLayers.get(0));
// viewer.imageryLayers.addImageryProvider(new Cesium.IonImageryProvider({ assetId : 3954 }));

const coor = [113.245444, 23.127666, 100]

// 弧度转角度
// Cesium.Math.toDegrees
// 角度转弧度
// Cesium.Math.toRadians
coor.forEach(item => {
    const radius = Cesium.Math.toRadians(item)
    console.log(radius)
    const angle = Cesium.Math.toDegrees(radius)
    console.log(angle)
    // console.log(Cesium.Math.toRadians(113.245444))
})
//  经纬度转笛卡尔
const cartesian3 = Cesium.Cartesian3.fromDegrees(...coor)
console.log(cartesian3, 'cartesian3cartesian3')
// 笛卡尔转经纬度
const cartographic = Cesium.Cartographic.fromCartesian(cartesian3)
console.log(cartographic, 'cartographic')
// 经纬度弧度制转角度制
const longitude = Cesium.Math.toDegrees(cartographic.longitude)
const latitude = Cesium.Math.toDegrees(cartographic.latitude)
const height = cartographic.height
console.log(longitude, latitude, height, '角度制')


</script>
</html>